<template>
  <el-select v-model="activeMineral" value-key="id" placeholder="选择矿种" @change="changeMineral" :popper-append-to-body="false">
    <el-option v-for="option in mineralSpecies" :key="option.id" :label="option.name" :value="option.id"></el-option>
  </el-select>
</template>

<script setup>
//矿种列表
const mineralSpecies = ref([
  { name: '矿种1', id: '1' },
  { name: '矿种2', id: '2' }
]);
const activeMineral = ref(null);
function changeMineral() {}
</script>

<style lang="less" scoped></style>
